{% extends "base.html" %}
{% load staticfiles %}

{% block title %}
    登录
{% endblock %}

{% block content %}
    <div class="container">
        <div class="row">
            <div class="col-12">
                <br>
                <h5>还没有我们的账号嘛？</h5>
                <h5>点击 <a href="{% url 'userprofile:register' %}">注册账号</a>加入我们吧~</h5>
                <br>
                <form action="." method="post">
                    {% csrf_token %}
                    <div class="form-group">
                        <!-- 账号 -->
                        <label for="username">账号</label>
                        <input type="text" class="form-control" id="username" name="username">
                    </div>
                    <div class="form-group">
                        <!-- 密码 输入密码表单的type="password"，可以让输入密码的时候显示小圆点，避免有人偷窥。 -->
                        <label for="password">密码</label>
                        <input type="password" class="form-control" id="password" name="password">
                    </div>
                    <!-- 提交按钮 -->
                    <button type="submit" class="btn btn-primary">提交</button>
                </form>
                <!-- 忘记密码 -->
                <br>
                <h5>忘记密码了嘛？</h5>
                <h5>点击<a href="{% url 'password_reset_recover' %}">这里</a>重置密码</h5>
            </div>
        </div>
    </div>
{% endblock %}